.container {
    background-color: #b7efebeb;
/*    background-color: #5866e9;*/
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0px;
    top: 0px;
    width: 454px;
    height: 90%;
    flex-direction: column;
}
/*图表*/
.chart{
/*    background-color: #6c9b9b;*/
    width:100%;
    flex-direction: column;
/*    height: 230px;*/
}
/*数据*/
.chart-data {
    width:100%;
    margin-left:9px;
    height: 200px;
    margin-top:-240px;
}
/*画布,轴*/
#the-canvas{
    width:100%;
    border-radius: 0px 0 0px 0;
}
.chart-background {
    object-fit: fill;
}
/*中*/
.global_level{
    margin-top:10px;
    background-color: #5866e9;
    width: 94%;
    flex-direction: row;
    height:60px;
    border-radius: 4px;
    border:0.25px #46929292;
/*    justify-content: space-around;*/
    align-items: center;
}
#accel_level{
    margin-left: 10px;
}
#accel_range{
    margin-left: -10px;
    height: 20px;
/*    width: 180px;*/
}
#accel_frequency{
    margin-left:-15px;
    width: 168px;
}
.accel_level{
    font-size: 16px;
    flex-weight: 800;
    color: white;
}
.accel_range{
    font-size: 16px;
    flex-weight: 800;
    color: white;
    width: 80px;
}
.accel_frequency{
    font-size: 16px;
    flex-weight: 800;
    color: white;
}
/*底*/
.detaileddata{
    background-color: white;
    margin-top:10px;
    width: 94%;
    height: 200px;
    flex-direction: row;
    border-radius: 7px;
    border-radius: 7px;
    border:0.7px #46929292;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.detail-item{
    width:33.3%;
    height: 160px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.item-text{
    margin-top: 5px;
    font-size: 16px;
    color: #9c000000;
}

/*top*/
.top{
    background-color: #5866e9;
    width: 94%;
    flex-direction: row;
    height: 42px;
    border-radius: 4px;
    border:0.25px #46929292;
    justify-content: space-around;
    align-items: center;
}
.top-img{
    margin-left:10px;
    width: 30px;
    height: 30px;
    object-fit:fill;

}
#top-text1{
    margin-left: 10px;
    width: 250px;
}
.top-text1{
    padding-left: 50px;
    height: 20px;
    font-size: 15px;
    flex-weight: 800;
    color: white;

}
.top-text2{
    width: 20px;
    margin-left: 15px;
    font-size: 16px;
    color: white;
    flex-weight: 800;
}
/*最上*/
.container-top{
    background-color:white;
    width: 100%;
    flex-direction: row;
    height: 34px;
    justify-content: center;
    align-items: center;
}
.top-text{
    margin-left: 100px;
    font-size: 20px;
    flex-weight: 800;
}
.top-img1{
    margin-left:20px;
    width: 30px;
    height: 30px;
    object-fit:fill;
}
.top-img2{
    margin-right: 20px;
    width: 30px;
    height: 30px;
    object-fit:fill;
}

.title{
    margin-top: 5px;
    margin-left: 20px;

}
.title-text{
    margin-top: 10px;
    font-size: 20px;
    color:#c1000000;
}
